define(['jq'], () => {
    class Show {
        constructor() {
            this.box = document.querySelector('#bigbox')
    

            console.log(this.box)
            this.showheader()
            this.backtop()
            this.floor()
        }

        showheader() {
            window.onscroll = () => {
                let  scrollTop = document.documentElement.scrollTop || document.body.scrollTop
                if (scrollTop >= 100) {


                    //className 可以给一个标记设置类名
                    this.box.className = 'fx'
                    // this.box.className='box4'
                } else {

                    this.box.className = ''
                }
            }


        }
        backtop(){
           
                $(window).scroll(function(){
                    // console.log(11111111)
                    console.log($(window).scrollTop())
                    // console.log($('html').scrollTop())
                    // console.log($(this).scrollTop())
                    if($("html").scrollTop()>=300){
                        $('button').addClass('active1')
                    }else{
                        $('button').removeClass('active1')
                    }
                 })
    
                 $('button').click(function(){
                    console.log(1111)
                    console.log($(window))
                     $('html').animate({
                        scrollTop:0
                     },1000)
                 })
        }
       floor(){
        $(window).scroll(function () {
            //  第一个div到顶部的距离
            // console.log($('div').eq(0).offset().top)

            if ($('html').scrollTop() >= $('.loubox').eq(0).offset().top) {
                $('.lou_ceng').fadeIn(1500)
            } else {
                $('.lou_ceng').fadeOut(1500)
            }
        })

        $('.lou_ceng>li').click(function () {
            //  获取下标
          
            // 计算对应模块的div距离顶部的高度

            // var h = $('div').eq($(this).index()).offset().top
            // console.log(h)
            $('html').animate({
                // 给滚动条赋值
                scrollTop:$('.loubox').eq($(this).index()).offset().top,
               
            },500)
         
           

        })
        // $('.lou_ceng>li').click(function () {
        //     //  获取下标
          
        //     // 计算对应模块的div距离顶部的高度

        //     // var h = $('div').eq($(this).index()).offset().top
        //     // console.log(h)
        //     $('html').animate({
        //         // 给滚动条赋值
        //         scrollTop:$('#main1').eq($(this).index()).offset().top
               
        //     },500)
         
           

        // })
     
       }










    }
    new Show()
})
   
  


